#set($breadcrumbs = [{"name":"用户管理","url":"$!{base}/user/list"},{"name":"用户列表"}])
<!-- 高亮 -->
#set($subList = "user_list")
<table class="table  table-hover general-table table-striped table-bordered">
	<thead>
		<tr>
			<th colspan="6">
				<div class="row">
					<div class="col-md-3 ">
						<form action="" class="search-form">
							<div class="input-group">
								<span class="input-group-addon">关键字</span> <input type="text" class="form-control" placeholder="请输入关键词进行检索..." style="font-weight: 500"> <span
									class="input-group-addon search-btn" style="cursor: pointer;"><i class="fa fa-search"></i> GO</span>
							</div>
						</form>
					</div>
					<div class="col-md-2 col-md-offset-7">
						<button class="btn btn-info btn-sm btn-pop" type="button" data-url='/role/add' data-width='400' data-height='250' data-title='添加用户' data-btn='false' style="margin-right:45px">
							<i class="fa fa-plus-circle"></i> 添加用户
						</button>
					</div>
				</div>
			</th>
		</tr>
		<tr>
			<th>ID</th>
			<th class="hidden-phone">登录名</th>
			<th>真实姓名</th>
			<th>创建时间</th>
			<th>状态</th>
			<th>操作</th>
		</tr>
	</thead>
	<tbody>
		#foreach($user in $obj.data.pager.entities)
		<tr>
			<td>$!user.id</td>
			<td>$!user.name</td>
			<td>$!user.realName</td>
			<td>$!date.format('yyyy-MM-dd' , $!user.createTime)</td>
			<!-- 用户状态切换 -->
			#if($!user.status == 'ACTIVED')
			<td><span class="label label-success label-mini">$!user.status</span></td>
			<!-- 激活 -->
			#else
			<td><span class="label label-warning label-mini">$!user.status</span></td>
			<!-- 禁用 -->
			#end
			<td>
				<div class="progress progress-striped progress-xs">
					<div style="width: 70%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-danger">
						<span class="sr-only">70% Complete (success)</span>
					</div>
				</div>
			</td>
		</tr>
		#end
	</tbody>
	<tfoot>
		#if($!obj.data.pager.entities.size() == 0)
		<tr>
			<td colspan="6" class="null-pager">没有符合条件的数据</td>
		</tr>
		#else
		<tr>
			<td colspan="6">
				<div class="pull-right">$!{obj.data.pager.pagerBar}</div>
			</td>
		</tr>
		#end
	</tfoot>
</table>